<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>Phenomenon | Company</title>
<!-- CSS -->
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<link rel="stylesheet" href="css/tipsy.css" type="text/css" />
<link rel="stylesheet" href="css/superfish.css" type="text/css" />
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
	<link rel="stylesheet" type="text/css" href="css/ie7.css">
<![endif]-->
<!-- Scripts -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/Harabara.js"></script>
<script src="js/superfish.js"></script>
<script src="js/css_browser_selector.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/tipsy.js"></script>
<script src="js/bluz.js"></script>
</head>
<body id="sub-page">
<!-- site-wrapper START here -->
<div id="site-wrapper">
  <!-- header START here -->
  <header>
    <!-- container START here -->
    <div class="container">
      <!-- logo START here -->
      <div id="logo">
        <h1><a href="index.html"><img src="images/logo2.png" alt="" /></a></h1>
      </div>
      <!-- logo END here -->
      <div id="login-holder"> <a href="#login-box" class="sml-btn green">Login</a> </div>
      <!-- navigation START here -->
      <ul class="sf-menu">
        <li><a href="index.html">Home</a></li>
        <li class="current_page_item"><a href="page.html">Company</a>
          <ul>
            <li><a href="full-width.html">Layout Options</a></li>
            <li><a href="#">Level #3</a>
              <ul>
                <li><a href="#">Just For Demonstration Purposes</a></li>
                <li><a href="#">Demonstration</a></li>
                <li><a href="#">Purposes</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="services.html">Services</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="pricing.html">Pricing</a></li>
        <li><a href="blog.html">Blog</a>
           <ul>
              <li><a href="single.html">Single Post</a></li>
           </ul>
        </li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      <!-- navigation END here -->
      <div id="pagename">
        <div class="inside">
          <h2>Company</h2>
          <p class="breadcrumbs">You are here : <a href="#">Home</a> / Company</p>
        </div>
      </div>
    </div>
    <!-- container END here -->
  </header>
  <!-- header END here -->
  <!-- content START here -->
  <div id="content">
    <!-- container START here -->
    <div class="container">
      <!-- main-colum START here -->
      <div id="main-colum">
        <h3>Big Title (h3)</h3>
        <p>Mauris laoreet nunc id neque vehicula commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed justo erat, pellentesque non aliquet quis, viverra ut Quisque id pellentesque urna..</p>
        <p>Nemo enim ipsam voluptatem <a href="#">link test</a> aspernatur aut odit aut fugit, sed quia consequun magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem exercitationem corporis suscipit laboriosam.</p>
        <h4>Ordered List: </h4>
        <ol>
          <li>Collis Ta'eed - <a href="#">CEO of</a> themeforest.net</li>
          <li>Vahid Ta'eed - COO of the Envato Network</li>
          <li>Cyan Ta'eed - Marketplace Manager of the Envato</li>
          <li>Skellie -  Tuts+ Manager / Envato Group</li>
          <li>Jun Rung - Director of the Envato Marketplace</li>
          <li>Justine Kippin - Accountant of Envato</li>
        </ol>
        <h4>This is Code</h4>
        <p><code>p {<br />
          margin:10px 0;<br />
          padding:5px 2px;<br />
          background:#cccccc;<br />
          display:block;<br />
          }</code></p>
        <h4>Unordered List:</h4>
        <ul>
          <li>Collis Ta'eed - CEO of themeforest.net</li>
          <li>Vahid Ta'eed - COO of the Envato Network</li>
          <li>Cyan Ta'eed - <a href="#">Marketplace Manager</a> of the Envato</li>
          <li>Skellie -  Tuts+ Manager / Envato Group</li>
          <li>Jun Rung - Director of the Envato Marketplace</li>
          <li>Justine Kippin - Accountant of Envato</li>
        </ul>
        <h4>Block Quote</h4>
        <blockquote>
          <p>&ldquo; Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. 		Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicu		lus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. &bdquo;</p>
        </blockquote>
        <h1>This is a <strong>H1</strong> <a href="#">Heading</a></h1>
        <h2>This is a <strong>H2</strong> Heading</h2>
        <h3>This is a <strong>H3</strong> Heading</h3>
        <h4>This is a <strong>H4</strong> Heading</h4>
        <h5>This is a <strong>H5</strong> Heading</h5>
        <h6>This is a <strong>H6</strong> Heading</h6>
        <div class="info-box"> This is an Info Box <span class="close">x</span> </div>
        <div class="warning-box"> This is a Warning Box <span class="close">x</span> </div>
        <div class="success-box"> This is a Success Box <span class="close">x</span> </div>
        <div class="error-box"> This is an Error Box <span class="close">x</span> </div>
        
        <div style="overflow:hidden;"> <a href="#" class="big-btn red">Big red button</a> <a href="#" class="big-btn orange">Big Orange button</a>  <a href="#" class="big-btn green">Big green button</a> <a href="#" class="big-btn blue">Big blue button</a> <a href="#" class="big-btn grey">Big grey button</a> <a href="#" class="big-btn black">Big black button</a> <a href="#" class="big-btn special">Big Special button</a></div>
        
        <div style="overflow:hidden;"> <a href="#" class="sml-btn red">small red button</a> <a href="#" class="sml-btn orange">small Orange button</a>  <a href="#" class="sml-btn green">small green button</a> <a href="#" class="sml-btn blue">small blue button</a> <a href="#" class="sml-btn grey">small grey button</a> <a href="#" class="sml-btn black">small black button</a> <a href="#" class="sml-btn special">small Special button</a></div>
        
      </div>
      <!-- main-colum END here -->
      <!-- sidebar START here -->
      <div id="sidebar">
        <ul>
          <!-- widget START here -->
          <li class="widget">
            <div class="title">
              <h5>Sub Navigation</h5>
            </div>
            <div class="content">
              <ul>
                <li><a href="#">Full Width</a></li>
                <li><a href="#">Level #3</a>
                  <ul>
                    <li><a href="#">Just For Demonstration Purposes</a></li>
                    <li><a href="#">Demonstration</a></li>
                    <li><a href="#">Purposes</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
          <!-- widget END here -->
          <!-- widget START here -->
          <li class="widget">
            <div class="title">
              <h5>Testimonial</h5>
            </div>
            <div class="content">
              <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
                <cite>John Doe, <a href="#">Themeforest.net</a></cite></blockquote>
            </div>
          </li>
          <!-- widget END here -->
          <!-- widget START here -->
          <li class="widget">
            <div class="title">
              <h5>Archives</h5>
            </div>
            <div class="content">
              <ul>
                <li><a href="#">December 2009</a></li>
                <li><a href="#">January 2010</a></li>
                <li><a href="#">February 2010</a></li>
              </ul>
            </div>
          </li>
          <!-- widget END here -->
        </ul>
      </div>
      <!-- sidebar END here -->
    </div>
    <!-- container END here -->
  </div>
  <!-- content END here -->
</div>
<!-- site-wrapper END here -->
<!-- footer START here -->
<footer>
  <!-- container START here -->
  <div class="container">
    <div id="footer-colums">
      <!-- footer-colum1 START here -->
      <div class="footer-colum">
        <h4>Company</h4>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Jobs</a></li>
        </ul>
      </div>
      <!-- footer-colum1 END here -->
      <!-- footer-colum2 START here -->
      <div class="footer-colum">
        <h4>Useful Links</h4>
        <ul>
          <li><a href="#">Affiliate Sign Up</a></li>
          <li><a href="#">Affiliate Login</a></li>
          <li><a href="#">Control Panel Login</a></li>
        </ul>
      </div>
      <!-- footer-colum2 END here -->
      <!-- footer-colum3 START here -->
      <div class="footer-colum">
        <h4>Contact Methods</h4>
        <ul>
          <li><a href="#">Live Chat</a></li>
          <li><a href="#">support@companyname.com</a></li>
          <li><a href="#">1-800-MYCOPMANY - toll free</a></li>
          <li><a href="#">1-234-567-8901 - Local Number</a></li>
        </ul>
      </div>
      <!-- footer-colum3 END here -->
      <!-- footer-colum4 START here -->
      <div class="footer-colum no-margin">
        <h4>From The Blog</h4>
        <ul>
          <li><a href="#">New hosting plan</a></li>
          <li><a href="#">Buy hosting plan - get 1 domain for life.</a></li>
          <li><a href="#">HostingCompany celebrates 2 years!</a></li>
          <li><a href="#">August special offers</a></li>
          <li><a href="#">Hiring! we are looking for designers</a></li>
        </ul>
      </div>
      <!-- footer-colum4 END here -->
    </div>
  </div>
  <!-- container END here -->
  <!-- bottom-footer START here -->
  <div id="bottom-footer">
    <!-- container START here -->
    <div class="container">
      <p class="alignleft">&copy; 2010 All Rights Reserved.</p>
      <ul id="social-list" class="alignright">
        <li><a href="#" rel="tipsy" title="Monthly Newsletter"><img src="images/social-icons/email.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Facebook"><img src="images/social-icons/facebook.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Twitter"><img src="images/social-icons/twitter.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Flickr"><img src="images/social-icons/flickr.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Last FM"><img src="images/social-icons/lastfm.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Linked In"><img src="images/social-icons/linkedin.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Myspace"><img src="images/social-icons/myspace.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Skype"><img src="images/social-icons/skype.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Stumble Upon"><img src="images/social-icons/stumbleupon.png" alt="" /></a></li>
        <li><a href="#" rel="tipsy" title="Youtube"><img src="images/social-icons/youtube.png" alt="" /></a></li>
      </ul>
    </div>
    <!-- container END here -->
  </div>
  <!-- bottom-footer END here -->
</footer>
<!-- footer END here -->
<div class="hidden">
  <div id="login-box">
    <form action="" method="post">
      <label for="login-username">Username:</label>
      <input type="text" name="login_username" id="login-username" />
      <label for="login-password">Password:</label>
      <input type="text" name="login_password" id="login-password" />
      <div class="submit-block"> <span class="alignleft">
        <input name="" type="checkbox" value="" class="checkbox" />
        Remember me</span> <span class="alignright">
        <input type="submit" name="submit" id="login-submit" value="Login" class="sml-btn grey" />
        </span> </div>
      <a href="#" class="lostpass">Lost your password or username?</a>
    </form>
  </div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script src="js/init_form.js"></script>
</body>
</html>
